import util from '@/libs/util';
import router from '@/router';
import Setting from '@/setting';
import { accountLogin } from '@api/account';

import { Modal } from 'view-ui-plus';

export default {
  namespaced: true,
  actions: {
    /**
     * @description 登录
     * @param {Object} context
     * @param username {String} 用户账号
     * @param password {String} 密码
     * @param param route {Object} 登录成功后定向的路由对象 任何 vue-router 支持的格式
     */
    login ({ dispatch }, {
      phoneNo = '',
      password = '',
      vcode = ''
    } = {}) {
      return new Promise((resolve, reject) => {
        accountLogin({
          phoneNo,
          password,
          vcode
        }).then(async response => {
          // 设置 cookie 一定要存 uuid 和 token 两个 cookie
          // 整个系统依赖这两个数据进行校验和存储
          // uuid 是用户身份唯一标识 用户注册的时候确定 并且不可改变 不可重复
          // token 代表用户当前登录状态 建议在网络请求中携带 token
          // 如有必要 token 需要定时更新，默认保存一天，可在 setting.js 中修改
          // 如果你的 token 不是通过 cookie 携带，而是普通字段，也可视情况存储在 localStorage
          util.cookies.set('uuid', response.userId);
          util.cookies.set('token', response.token);
          // 设置 vuex 用户信息
          await dispatch('admin/user/set', response, { root: true });
          // 用户登录后从持久化数据加载一系列的设置
          await dispatch('load', { loadOpenedTabs: Setting.page.loadOpenedTabs });
          // 获取动态菜单
          if (Setting.dynamicMenu) {
            await dispatch('admin/menu/getMenuList', false, { root: true });
          }
          // 结束
          resolve(response);
        }).catch(err => {
          reject(err);
        });
      });
    },
    /**
     * @description 退出登录
     * */
    logout ({ commit, dispatch }, { confirm = false, vm } = {}) {
      async function logout () {
        // 删除cookie
        util.cookies.remove('token');
        util.cookies.remove('uuid');
        // 清空 vuex 用户信息
        await dispatch('admin/user/set', {}, { root: true });
        // 跳转路由
        router.push({
          name: 'login'
        });
      }

      if (confirm) {
        Modal.confirm({
          title: "退出登录确认",
          content: "您确定退出登录当前账户吗？打开的标签页和个人设置将会保存。",
          onOk () {
            logout();
          }
        });
      } else {
        logout();
      }
    },
    /**
     * @description 用户登录后从持久化数据加载一系列的设置
     * @param {Object} state vuex state
     * @param {Object} dispatch vuex dispatch
     * @param {Object} loadOpenedTabs 是否加载页签信息
     */
    load ({ state, dispatch }, { loadOpenedTabs = true } = {}) {
      return new Promise(async resolve => {
        // 加载用户登录信息
        await dispatch('admin/user/load', null, { root: true });
        // 持久化数据加载上次退出时的多页列表
        await dispatch('admin/page/openedLoad', { loadOpenedTabs }, { root: true });
        // end
        resolve();
      });
    }
  }
};
